<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="f138 f14">
    <!-- 视频盒子 -->
    <div class="viideoBox dpflex1">
        <div class="container">
            <!-- 返回按钮 -->
            <div class="ret">
                <div class="one"><</div>
                <div class="endIcon">▲</div>
            </div>
        </div>
    </div>
    <div class="bigBox dpflex1">
        <!-- 版心 -->
        <div class="container">
            <!-- 运动名字和时间 -->
            <div class="sportName">
                <!-- 运动名字 -->
                <div class="sportTit">乔科鲁</div>
                <div class="sportTime dpflex">
                    <!-- 时间 -->
                    <div class="concreteTime dpflex">
                        <!-- 运动时间 -->
                        <div class="card">
                            <span class="cardNum f0 f20">12</span>
                            千卡
                        </div>
                        <div class="minute">
                            <span class="minuteTime f0 f20">46</span>
                            分钟
                        </div>
                    </div>
                    <!-- 人数 -->
                    <div class="pelpol">
                        <span class="pelpolNum">745</span>
                        w人立练过 >
                    </div>
                </div>
            </div>
            <!-- 用户 -->
            <div class="sportUser dpflex">
                <!-- 用户头像 -->
                <div class="dpflex">
                    <img src="../imgs/swiper1.jpg" alt="" class="userHead">
                    <!-- 用户名 -->
                    <div class="userId mt16">
                        <p class="userName f18 fb0">第三方</p>
                        <p class="place">第三是的</p>
                    </div>
                </div>
                <!-- 关注 -->
                <div class="attention">
                    + 关注
                </div>

            </div>
            <!-- 课程介绍 -->
            <div class="introduce">都发生过事故</div>
            <!-- 练习次数和机械 -->
            <div class="picticeBox dpflex">
                <div class="practice">
                    <p class="f0">联练习次数</p>
                    <div class="praticeNum mt16">
                        每周 3-5 次
                    </div>
                </div>
                <!-- 机械 -->
                <div class="machinery">
                    <p class="f0">机械</p>
                    <div class="userMac mt16">无</div>
                </div>
            </div>

            <!-- 开始训练按钮 -->
            <div class="beginBox">开始训练</div>
        </div>
    </div>

    
    
</body>

</html>